*{
    margin: 0;
    padding: 0;
    // background-color: #666;
  }

  .hand{
    padding: .133333rem;
    background-color:#ff841d;
    height: 1.333333rem;
    margin: 0;
    padding: 0;
    display: flex;
    flex: 3;
      a{
          text-decoration: none;
          display: none;
        text-align: center;
        line-height:1.333333rem ;
        color: #fff;
        font-size: .8rem;
        display: block;
       height: 1.333333rem;
       width: .533333rem;
      }
      h4{
       color: #fff;
       font-size:  .533333rem ;
       flex: 3;
       text-align: center;
       line-height: 1.333333rem;
    //    width: .3rem;
       }
       a{
        width: 1.28rem;
        line-height:1.28rem ;
        margin-right: .266667rem;
        font-size:.533333rem  ;
        margin-top: 5px;
        img{
            width: 1.066667rem;
        }
       }
  }


.container{
    .cityInfo{
        width: 10rem;
        height: .906667rem;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: .4rem;
        .shop{
            background-color: #fff;
            flex: 3;
            cursor: pointer;
        }
        .place{
            background-color: #fff;
            flex: 3;
            cursor: pointer;
        }
        .price{
            background-color: #fff;
            flex: 3;
            cursor: pointer;
        }
    }
    .info{
        ul {
            list-style: none;
            margin: 0;
            padding: 0;
            width: 10rem;
            background: #fff;
            li{
                border: 1px solid #ccc;
                height: .906667rem;
                // text-align: center;
                font-size: .4rem;
                line-height: .906667rem;
            }
        }
    }
}





.wz{
    // height: 13.333333rem;
    // margin: .533333rem .266667rem;
    margin: 0;
    padding: 0;
    width: 10rem;
    .u1{
        // width: 10rem;
        // padding: 0 .133333rem;
        box-sizing: border-box;
        margin: 0;
        li{
            float: left;
            width: 46%;
            height: 5.333333rem;
            border: .026667rem solid #ccc;
            padding-bottom: 1.333333rem;
            margin: .08rem .133333rem;

            // border: solid .026667rem #666;
            // height: .933333rem;
            // line-height: .933333rem;
            // text-align: center;
            // overflow: hidden;
            // padding: 0 .133333rem;
            // margin: .08rem .08rem;
            // float: left;
            // background-color: #f4f4f4;
            // list-style: none;
            // img{
            //   line-height: .933333rem;
            li:hover{
              background: #666;
              cursor: pointer;
            }

              a{
                // width: .266667rem;
                // color: #666;
                // text-decoration: none;
                display: block;
                text-decoration: none;
                overflow: hidden;
                img{
                    width: 4.8rem;
                    height: 4.8rem;
                    float: right;
                }
                div{
                    color: black;
                    margin-bottom: .133333rem;
                    margin-top: .133333rem;
                    font: normal .346667rem 'Microsoft yahei';
                    }
                 p{
                    color: #ff9000;
                }
                }
                li:hover{
                  background: #666;
                  cursor: pointer;
                }
         }
    }
}




/*footer*/
  #footer{
    .more{
      height: 1.333333rem;
      background-color: #f4f4f4;
      // padding: .266667rem;
      a{
        display: block;
        font-size: .346667rem;
        line-height: .8rem;
        text-align: center;
        border-radius: 5px;
        border:1px solid #ddd;
        text-decoration: none;
        color:darkgray;
        background-image: linear-gradient(#ffffff, #f4f4f4);
      }
    }
    .chart{
      background: #ff841d;
      margin-top: .266667rem;
      margin-bottom: .16rem;
      .chart-1{
        color: #fff;
        display: inline-block;
        padding-left: .266667rem;
        font: bolder 18px/35px "Microsoft soft";
      }
      .chart-2{
        color: #fff;
        display: inline-block;
        padding-left: .266667rem;
        line-height: .533333rem;
        text-align: center;
        font-size: .533333rem;
        padding-right: .266667rem;
      }
  
    }
  .login{
    padding: .266667rem 0;
    .row-1{
      display: flex;
      border: .026667rem solid #c4c4c4c4;
      a{
        text-decoration: none;
        flex: 3;
        div{
          height: .88rem;
          line-height: .88rem;
          text-align: center;
          font-size: .373333rem;
          border-right: .026667rem solid #c4c4c4;
          color: #808080;
        }
      }
    }
   .row-2{  
     padding: .533333rem 0;
      p{
        text-align: center;
        a{
          text-decoration: none;
          color: #666;
          
        }
      }
   }
  }

  }